<template>
	<canvas ref="canvas"></canvas>
	<button @click="poster">点击生成海报</button>
	<button @click="qrcode">点击生成二维码</button>
</template>

<script>
	import html2cancas from 'html2canvas';
	import QRCode from 'qrcode';
	export default{
		methods:{
			poster(){
				// 生成海报的div要单独布局
				html2canvas(this.$refs.home).then(function(canvas){
					// canvas.toDataURL将canvas转成64位
					console.log(canvas.toDataURL("image/jpg",1))
					// document.body.appendChild(canvas)
					
					// 生成二维码 qrcode
				})
			},
			qrcode(){
				// QRCode第三个参数可以设置二维码尺寸
				QRCode.toCanvas(this.$refs.canvas,'http://baidu.com',{
					width:300,
					height:300
				},function(err){
					if(err){
						console.log(err);
						return;
					}
					console.log('success');
				})
			}
		}
	}
</script>

<style>
</style>
